<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<h:head></h:head>
<body>
	<h:form>
		<p:panel header="Danh sách các môn học">
			<ui:include src="/student/listSubject.xhtml" />
		</p:panel>
		<p:panel header="Danh sách các câu hỏi">
			<p:wizard flowListener="#{srb.onFlowProcess}">
				<p:tab id="content" title="Phần 1">
					<p:panel header="PHẦN 1: NỘI DUNG GIẢNG DẠY">
						<p:dataTable var="fbc" value="#{srb.listQT1}" id="datac">
							<p:column headerText="STT" width="5%">
								<h:outputText value="#{fbc.questionId}" />
							</p:column>
							<p:column headerText="Nội dung câu hỏi" width="75%">
								<h:outputText value="#{fbc.questionTitle}" />
							</p:column>
							<p:column headerText="Điểm" width="25%">
								<ui:repeat var="rat" value="#{fbc.answer}">
									<p:rating value="#{rat.answerScore}" id="rating"></p:rating>
								</ui:repeat>
							</p:column>
						</p:dataTable>
					</p:panel>
				</p:tab>

				<p:tab id="teachingMethods" title="Phần 2">
					<p:panel header="PHẦN 2: PHƯƠNG PHÁP GIẢNG DẠY">
						<p:dataTable var="fbm" value="#{srb.listQT2}" id="datam">
							<p:column headerText="STT" width="5%">
								<h:outputText value="#{fbm.questionId}" />
							</p:column>
							<p:column headerText="Nội dung câu hỏi" width="75%">
								<h:outputText value="#{fbm.questionTitle}" />
							</p:column>
							<p:column headerText="Điểm" width="25%">
								<ui:repeat var="rat" value="#{fbc.answer}">
									<p:rating value="#{rat.answerScore}" id="rating"></p:rating>
								</ui:repeat>
							</p:column>
						</p:dataTable>
					</p:panel>
				</p:tab>
				<p:tab id="relationship" title="Phần 3">
					<p:panel header="PHẦN 3: MỐI QUAN HỆ GIỮA HỌC SINH VÀ GIÁO VIÊN">
						<p:dataTable var="fbr" value="#{srb.listQT3}" id="datar">
							<p:column headerText="STT" width="5%">
								<h:outputText value="#{fbr.questionId}" />
							</p:column>
							<p:column headerText="Nội dung câu hỏi" width="75%">
								<h:outputText value="#{fbr.questionTitle}" />
							</p:column>
							<p:column headerText="Điểm" width="25%">
								<ui:repeat var="rat" value="#{fbc.answer}">
									<p:rating value="#{rat.answerScore}" id="rating"></p:rating>
								</ui:repeat>
							</p:column>
						</p:dataTable>
					</p:panel>
				</p:tab>

				<p:tab id="development" title="Phần 4">
					<p:panel header="PHẦN 4: PHÁT TRIỂN KỸ NĂNG CỦA SINH VIÊN">
						<p:dataTable var="fbbs" value="#{srb.listQT4}" id="datas">
							<p:column headerText="STT" width="5%">
								<h:outputText value="#{fbbs.questionId}" />
							</p:column>
							<p:column headerText="Nội dung câu hỏi" width="75%">
								<h:outputText value="#{fbbs.questionTitle}" />
							</p:column>
							<p:column headerText="Điểm" width="25%">
								<ui:repeat var="rat" value="#{fbc.answer}">
									<p:rating value="#{rat.answerScore}" id="rating"></p:rating>
								</ui:repeat>
							</p:column>
						</p:dataTable>
					</p:panel>
				</p:tab>

				<p:tab id="feedbackMore" title="Góp Ý">
					<p:panel header="PHẦN 5: NHỮNG GÓP Ý KHÁC">
						<p:editor id="editor" widgetVar="editorWidget"
							value="#{srb.surveyResult.surveyResultOpinion}" />
					</p:panel>
				</p:tab>
			</p:wizard>
		</p:panel>
	</h:form>
</body>
</html>
